import React, { FC } from 'react';
import { Cascader } from 'choerodon-ui';
import { CascaderOptionType } from 'choerodon-ui/lib/cascader';

export interface CascaderBasicProps {}

const options: CascaderOptionType[] = [{
  value: 'zhejiang',
  label: 'Zhejiang',
  children: [{
    value: 'hangzhou',
    label: 'Hangzhou',
    children: [{
      value: 'xihu',
      label: 'West Lake',
    }],
  }],
}, {
  value: 'jiangsu',
  label: 'Jiangsu',
  children: [{
    value: 'nanjing',
    label: 'Nanjing',
    children: [{
      value: 'zhonghuamen',
      label: 'Zhong Hua Men',
    }],
  }],
}];

const CascaderBasic: FC<CascaderBasicProps> = () => {

  return (
    <div>
      <Cascader options={options} />
    </div>
  );
};

export default CascaderBasic;
